<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES">
<head>

	<title>QPORAMA Sign In</title>

		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Runroom http://www.runroom.com" />
	<meta name="language" content="es_ES" />
	<meta http-equiv="content-style-type" content="text/css" />
	<meta http-equiv="content-script-type" content="text/javascript" />
	<meta name="robots" content="index,follow" />

    
	<meta name="keywords" content="" />
	<meta name="description" content="" />	<!-- incluir scripts //-->
	<script type="text/javascript" src="js/jquery.tools.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>	
 	<script type="text/javascript" src="js/json2.js"></script>
 	<script type="text/javascript" src="js/jquery.cookie.js"></script>

 	<script type="text/javascript" src="js/bootstrap.js"></script>
 	<script type="text/javascript" src="js/locationSelector.js"></script>
	<script type="text/javascript" src="js/jquery.flip.min.js"></script>
	<script type="text/javascript" src="js/jquery.countdown.js"></script>
	<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
	
	<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
	
	<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
	<script type="text/javascript" src="js/localscroll.js"></script>

	<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
	<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
	<script type="text/javascript" src="js/bg_image.js"></script>
	<script type="text/javascript" src="js/facebook_connect.js"></script>
	<script type="text/javascript" src="js/qp_tabs.js"></script>
	<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
	<script type="text/javascript" src="js/fileuploader.js"></script>
	<script type="text/javascript" src="js/s3Capcha.js"></script>
	
	
		
	
<!-- end incluir scripts //-->	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- hojas de estilo //-->
	<link rel="stylesheet" href="css/styles.css" />
	<link rel="stylesheet" href="css/custom.css" />
	<!-- conditional comment: CSS para Explorer 7 y menor //-->
		<!--[if lte IE 7]>
			<link rel="stylesheet" href="css/ie7menos.css" />
		<![endif]-->
	<!-- javascript coding -->
	<script type="text/javascript">
	//<![CDATA[

	function abrirModal(id){
		$('#trama').fadeIn('fast');
		$('#ventana_modal_'+id).fadeIn('slow');
	}
// cerrar ventana swf
	function cerrarModal(){
		$('#trama').fadeOut('slow');
		$('.ventana_modal').fadeOut('slow');
	}
	// execute your scripts when the DOM is ready. this is a good habit
	$(document).ready(function() {	
		abrirModal('consolidate');


	});

	//]]>
	</script>
</head>

<body id="login-index">
<a name="top"></a>
<div id="fb-root"></div>
<noscript>
	<div id="aviso_js">
		<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
	</div>
</noscript>

<!-- conditional comment: aviso para Explorer 6 y menor //-->
	<!--[if lte IE 6]>
		<div id="aviso_ie">
			<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
			<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
		</div>
	<![endif]-->	<div class="fondo-pagina " >
			<img id="bgimg" src="images/custo/ofertas/accesorios/gafas2010-fondo.jpg" alt="" />
		<!-- TODO: poner degradado a blanco - o no. //--> 
	<!-- div class="gradient">&nbsp;</div //-->
</div>	
	<div class="page">
		



		<!-- en la pagina de login -->
			<div class="user">
				<div class="profile">
					<!-- p><a href="/signup">Regístrate gratis</a> y disfruta de descuentos de hasta el 25% en tus negocios favoritos!</p //-->
				</div><!-- cerrar profile //-->
				<div class="mensajes">
					<h2 class="titulo-principal">Inicia sesión</h2>
					<p class="soft">¿No estás registrado? <a href="/signup" title="Crea tu cuenta">Crea tu cuenta</a></p>
				</div><!-- cerrar mensajes //-->
			</div><!-- cerrar user //-->
			
			
		
		
	<!-- columna de contenido principal //-->
		<div class="c-960">
			<!-- columna de contenido login //-->
			<div class="caja c960 f1f1f1">
				<div class="content">

					<div class="promos laterales">
						
											
						
					</div> <!-- cerrar promos laterales //-->

					<div class="formulario ancho">

					
						

					<!--div class="facebutton enorme es" style="display:block; float: left; cursor:pointer; cursor:hand;" id="facebook-connect-button"></div //-->
					<div class="facebutton enorme" id="facebook-connect-button"><p>Inicia sesión con facebook</p></div>
						
												<p class="soft" style="margin: 20px 0 10px 0;">o utiliza tu cuenta Qporama:</p>
						
						<form id="login-form" class="form-tooltip form-validator f620" action="/login" method="post">

							<p><label for="s_email">E-mail</label></p>
							<p class="fondo-input"><input type="email" value="" id="s_email" required="required" name="s_email" rel="tooltip" title="Escribe el e-mail con el que te registraste" tabindex="1"/></p>
							<p><label for="s_password">Contraseña</label></p>
							<p class="fondo-input"><input type="password" value="" id="s_password" required="required" name="s_password" rel="tooltip" title="Escribe la contraseña" tabindex="2"/></p>

							<p><label for="s_remember"><input type="checkbox" value="on" id="s_remember" name="s_remember" /> Recordarme en este equipo?</label></p>

							<input type="hidden" name="coupon_id" id="coupon_id" value=""/>
	
							<p style="display: block; float: left; width: 162px; margin: 20px 20px 20px 0;" class="boton primario grande">
								<a href="#"><span>iniciar sesión</span></a>
							</p>

							<p style="display: block; float: left; width: auto; height: 42px; line-height: 42px; margin: 20px;">
								<a href="/" title="cancelar">cancelar</a>
							</p>
								
							
							<input type="hidden" value="" name="fb_id" id="fb_id" />
											
						</form>
	
						<div id="login" style="display:none;"></div>
						<div id="name"></div>
						<!-- div><img id="profileimage" src="" alt="" /></div //-->

				</div> <!-- cerrar div formulario grande //-->
				<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 //-->
			
		<!-- columna de contenido olvidado tu contraseña //-->
		<div class="caja c960 f1f1f1">
			<div class="content">
				<div class="formulario ancho">
					<h2 class="titulo-principal light">¿Has olvidado tu contraseña?</h2>
					<form id="forgot-password" class="form-tooltip form-validator f620" action="/login/forgotpassword" method="post">
					
						<p><label for="email">E-mail</label></p>
						<p class="fondo-input"><input type="email" value="" required="required" rel="tooltip" id="email" name="email" title="Escribe el e-mail que has utilizado para registrarte en Qporama, y te enviaremos una contraseña nueva a esa dirección." tabindex="4" /></p>

						<p class="boton secundario grande" style="display: block; float: left; margin: 20px 20px 20px 0;">
							<a href="#"><span>recuperar contrasena</span></a>
						<!--input type="image" src="css/css_images/bot-recupera_contrasena-es.png" tabindex="5" //-->
						</p>

					</form>
				</div> <!-- cerrar div formulario grande //-->
					<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 contraseña //-->

		</div> <!-- cerrar columna de 960px de ancho //-->

	</div> <!-- cerrar page //-->
	<!-- TODO: PHIL -->
<!-- ventana modal //-->
	<div id="trama"></div>
	<div id="ventana_modal_consolidate" class="ventana_modal">
		<div class="redondeo">
			<div class="switch primer">
				<h3>Tengo cuenta Qporama</h3>
				<p>Quiero asociar mi cuenta de Facebook a mi cuenta de Qporama</p>

				<p class="boton primario grande" style="width: 200px; margin: 10px 20px 20px 0;"><a href="javascript:;" class="close"> Login </a></p>

			</div> <!-- cerrar switch //-->
			<div class="switch">
				<h3>No tengo cuenta Qporama</h3>
				<p>Me quiero registrar y crear una cuenta en Qporama</p>

				<p class="boton secundario grande" style="width: 200px; margin: 10px 20px 20px 0;"><a href="javascript:;" class="close"> Signup </a></p>

			</div> <!-- cerrar switch //-->
		</div> <!-- cerrar redondeo //-->
		<div class="clear">&nbsp;</div>
	</div> <!-- cerrar ventana_modal //-->
	
</body>
</html>